<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>仿作b站</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">

</head>
<body>
<div class="pager-header">
    <div class="pager-header-nav">
        <ul class="header-nav-list-left">
            <li>
                <!--                    将a标签也变成flex,这样就可以实现图片和a标签一排-->
                <a href="#">
                    <img src="../images/item2.png" style="height: 21px"><span>首页</span>
                </a>
            </li>
            <li><a href="#">番剧</a></li>
            <li><a href="#">直播</a></li>
            <li><a href="#">游戏中心</a></li>
            <li><a href="#">会员购</a></li>
            <li><a href="#">漫画</a></li>
            <li><a href="#">赛事</a></li>
            <li><a href="#">竞技赛</a></li>
            <li><a href="#">去巴黎</a></li>
            <li><a href="#"><img src="../images/item3.png" style="height: 21px">下载客户端</a></li>
        </ul>
        <div class="header-nav-mid">
            <form action="#">
                <input type="text">
                <button></button>
            </form>
        </div>
        <ul class="header-nav-list-right">
            <li><a href="#"><img src="../images/item4.png" style="height: 39px"></a></li>
            <li><a href="#"><img src="../images/item2.png" style="height: 20px;width: 20px"><span>大会员</span></a></li>
            <li><a href="#"><img src="../images/item1.png" style="height: 20px;width: 20px"><span>消息</span></a></li>
            <li><a href="#"><img src="../images/item2.png" style="height: 20px;width: 20px"><span>动态</span></a></li>
            <li><a href="#"><img src="../images/item3.png" style="height: 20px;width: 20px"><span>收藏</span></a></li>
            <li><a href="#"><img src="../images/item4.png" style="height: 20px;width: 20px"><span>历史</span></a></li>
            <li><a href="#"><img src="../images/item5.png" style="height: 20px;width: 20px"><span>创作中心</span></a></li>
            <li><a href="#"><img src="../images/item1.png" style="height: 20px;width: 20px"><span>投稿</span></a></li>
        </ul>
    </div>
</div>
</body>
</html>